

.icon_list{
    width: 960px;
    margin:0 auto;
    padding: 10px 0;
}
.icon_box{
    display: inline-block;
    border: 1px solid #dddddd;
    width: 224px;
    height: 120px;
    margin:5px;

}
.icon_box:hover{
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
}
.icon_box img{
    float: left;
    margin: 26px 10px;
    width: 52px;
    border: 6px solid white;
}
.icon_box:hover img{
    width: 64px;
    border: 0px solid white;
}
.icon_box .icon_text{
    float: right;
    width: 130px;
    margin-right: 6px;
}
.icon_box .icon_text h1{
    font-size: 16px;
    line-height: 0px;
    color: #333;
    margin-top: 30px;
}

.icon_box .icon_text p{
    font-size: 14px;
    color: #666;
}

.icon_buttom{
    color: #999;
    border: 1px solid #ddd;
    line-height: 20px;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 14px;
    cursor: pointer;
}
.icon_box_blue:hover h1{
    color: #1492ff;
}
.icon_box_blue:hover .icon_buttom{
    color: #1492ff;
    border: 1px solid #1492ff;
}
.icon_box_blue .icon_buttom:hover {
    color:#ffffff !important;
    border: 1px solid #1492ff;
    background-color: #1492ff;
}
.icon_box_orange:hover h1{
    color: #fc8d3a;
}
.icon_box_orange:hover .icon_buttom{
    color: #fc8d3a;
    border: 1px solid #fc8d3a;
}
.icon_box_orange .icon_buttom:hover {
    color:#ffffff !important;
    border: 1px solid #fc8d3a;
    background-color: #fc8d3a;
}

















